<%--
  Created by IntelliJ IDEA.
  User: hellcat
  Date: 2020/1/6
  Time: 17:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@include file="extra/body.jsp" %>
<%--start--%>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">基本信息</div>
                <div class="layui-card-body">
                    <div class="layui-form">
                        <div class="layui-form-item">
                            <label class="layui-form-label">账号:</label>
                            <div class="layui-input-inline">
                                <input type="text" value="${USER_SESSION.accountNumber}"
                                       class="layui-input" readonly style="border: none">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" id="basicUpdateName"
                                   style="text-decoration:underline;cursor:pointer;color: #338BFF">姓名:</label>
                            <div class="layui-input-inline">
                                <input type="text" value="${USER_SESSION.name}"
                                       class="layui-input" name="basicName" readonly style="border: none">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label" id="basicUpdatePhone"
                                   style="text-decoration:underline;cursor:pointer;color: #338BFF">手机号:</label>
                            <div class="layui-input-inline">
                                <input type="text" value="${USER_SESSION.phone}"
                                       class="layui-input" name="basicPhone" readonly style="border: none">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">角色:</label>
                            <div class="layui-input-block">
                                <input type="text" value="${USER_SESSION.role}"
                                       class="layui-input" readonly style="border: none">
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">密码管理</div>
                <div class="layui-card-body">
                    <button id="basicPwdUpdate" type="button" class="layui-btn  layui-btn-normal">修改密码</button>
                    <div class="layui-row" style="text-align: center">
                        <button type="button" class="layui-btn  layui-btn-danger"
                                onclick="location.href='${pageContext.request.contextPath }/user/logout'">安全退出
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<%--end--%>
</div>
</div>
<div id="basicPwdUpdateDiv" class="layui-hide">
    <div class="layui-form">
        <form class="layui-form" autocomplete="off" style="margin-top: 20px;">
            <div class="layui-form-item">
                <label class="layui-form-label">旧密码:</label>
                <div class="layui-input-inline">
                    <input type="text" name="basicOldPwd" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">新密码:</label>
                <div class="layui-input-inline">
                    <input type="text" name="basicNewPwd" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <p style="color: red" align="center">
                    注意：密码可以包含字母数字和常用特殊字符<br>
                    但不能是纯字母/纯数字，且长度为4-16位
                </p>
            </div>
        </form>
    </div>
</div>

<script src="../static/js/basic.js"></script>

<%@include file="extra/footer.jsp" %>
